<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /*
        静态属性
        定义时候：static
        使用：类名.属性名

        私有属性
        定义时候：#属性名
        使用：#开头，只能在类内部使用

        //Chrome 67以上支持。控制台上可以直接访问私有，为了便于调试
        */
        class Person {
            //1.静态属性
            static age = 18
            constructor(age) {
                this.age = age
            }

            //2.静态方法
            static show() {
                console.log(this.age)
            }


            //3.私有属性
            #name
            constructor(name) {
                this.#name = name
            }
            //4.私有方法
            #showName() {
                console.log(this.#name)
            }

        }

    </script>
</body>

</html>